{% extends 'layout_login.html' %}

{% block page_title %}Log in{% endblock %}

{% block logged-out-status %}
  <li>&bull; Logged out</li>
{% endblock %}
{% block login-nav %}{% endblock %}

{% block content %}

<div class="login-box">
  <div class="tl"></div>
  <div class="tr"></div>
  <div class="bl"></div>
  <div class="br"></div>

  <h1>Log in</h1>
  <div class="h1-continuation">to your {{ site.name }} account.</div>

  <form action="{{ login_url }}" method="post" id="login-form">
    {% if error %}
      <p class="error">{{ error }}</p>
    {% endif %}
    <div class="form-row">
      <label for="id_username">Username:</label><input type="text" class="text" name="username" id="id_username"
	value="{{ request.GET.username|escape }}" />
    </div>
    <div class="form-row">
      <label for="id_password">Password:</label><input type="password" class="text" name="password" id="id_password" />
    </div>
    <div class="form-row">
      {% include "security_widget.html" %}
    </div>
    <div class="submit-row">
      <div>&raquo;</div> <input type="submit" value="Log in" />
    </div>
  </form>
</div>

<ul class="options-box">
<li><a href="/account/register/">Register an account</a> and start managing your own projects,
                                 authors, and bots.</li>
<li><a href="/account/lost/">Forgot your password?</a></li>
{% if error %}
  <li>Remember that your {{ site.name }} username may not be the same as your author name.</li>
  <li>Username and password are both case sensitive.</li>
{% endif %}
</ul>

<script type="text/javascript">
document.getElementById('id_username').focus()
</script>
{% endblock %}
